<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心页</title>
    <link rel="stylesheet" href="css/user-center.css">
</head>
<body>
    <div class="user-center-container">
        <div class="user-center">
            <h1>个人中心</h1>
            <!-- 基本信息区域 -->
            <div class="user-info">
                <h2>基本信息</h2>
                <div class="info-item">
                    <label for="username">用户名：</label>
                    <input type="text" id="username" value="fc" readonly>
                </div>
                <div class="info-item">
                    <label for="phone">手机号：</label>
                    <input type="text" id="phone" value="12345678978" readonly>
                </div>
                <div class="info-item">
                    <label for="address">收货地址：</label>
                    <input type="text" id="address" value="北京市朝阳区66路6号" readonly>
                </div>
                <div class="info-item">
                    <label for="member-level">会员等级：</label>
                    <span id="member-level">普通会员</span>
                </div>
                <div class="info-item">
                    <label for="points">积分：</label>
                    <span id="points">11111111</span>
                </div>
                <button id="edit-info-btn">修改信息</button>
                <button id="save-info-btn" style="display: none;">保存信息</button>
            </div>
            <!-- 购物车区域 -->
            <div class="shopping-cart">
                <h2>购物车</h2>
                <ul id="shopping-cart-list"></ul>
            </div>
            <!-- 订单详情区域 -->
            <div class="order-details">
                <h2>订单详情</h2>
                <ul id="order-list"></ul>
            </div>
        </div>
    </div>
    <script src="js/user-center.js"></script>
</body>
</html>